﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>3-1</title>
    <!--   引入jQuery -->
    <script src="../scripts/jquery-1.3.1.js"></script>
    <script type="text/javascript">
        //<![CDATA[
        $(function () {
            // 获取<p>节点 $para
           var $para=$("p").text();
           alert($para);
            // 获取第二个<li>元素节点 $li
            var $li=$("li:eq(1)").text();
           alert($li);
            //// 输出<p>元素节点属性title p_txt
            alert($("p").attr("title"));
            //// 获取<ul>里的第二个<li>元素节点的属性title ul_txt
            var ul_txt=$("ul li:eq(1)").attr("title");
           alert(ul_txt);
            //// 输出第二个<li>元素节点的text li_txt
            var li_txt=$("li:eq(1)").text();
            alert(li_txt);
            //// 依次弹窗展示
           
        });
        //]]>
    </script>
</head>
<body>
    <p title="选择你最喜欢的水果.">你最喜欢的水果是?</p>
    <ul>
        <li title='苹果'>苹果</li>
        <li title='橘子'>橘子123</li>
        <li title='菠萝'>菠萝</li>
    </ul>
</body>
</html>
